// JavaScript Document
map={
	canvas:null,
	initialCanvas:function(){
		map.canvas = document.createElement('canvas');
		map.canvas.width = 250;
		map.canvas.height = 250;
		

		//map.canvas.style.border = "5px inset brown";
	},
	showMap: function(){
		map.canvas.style.border = "5px inset brown";
		var context = map.canvas.getContext('2d');
		var imageObj = new Image();
		imageObj.src = "http://www.prism.gatech.edu/~xxie37/ar/campus_map.jpg";
        imageObj.onload = function() {
       		context.drawImage(imageObj, 0, 0, 250, 250 * imageObj.height / imageObj.width );

        };		

	},
	clearMap:function(){
		var context = map.canvas.getContext('2d');
		context.clearRect ( 0 , 0 , 250 , 250 );
		map.canvas.style.border = "none";
	},
};